import 'package:flutter/material.dart';
import 'package:znmm/UI/A_Common/image/cached_network_Image.dart';
import 'package:znmm/config/app_color.dart';
import 'swiperViews/mid_swiper_view.dart';
import 'swiperViews/top_swiper_view.dart';
import 'view/best_sellers_view.dart';
import 'view/bottom_info_view.dart';
import 'view/home_app_bar.dart';
import 'view/image_grid_view.dart';
import 'view/natuwe_ar_tryon_view.dart';
import 'view/natuwe_grid_view.dart';
import 'view/natuwe_info_view.dart';
import 'view/secend_view.dart';
import 'view/wall_view.dart';

class HomePage extends StatefulWidget {
  const HomePage({super.key});

  @override
  State<HomePage> createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: const HomeAppBar(),
      backgroundColor: AppColor.backgroundColor,
      body: SingleChildScrollView(
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            const SizedBox(
              height: 5,
            ),
            const TopSwiperView(),
            const SizedBox(
              height: 5,
            ),
            const SecendView(),
            const SizedBox(
              height: 25,
            ),
            const NatuweInfoView(),
            const SizedBox(
              height: 8,
            ),
            // Grid items
            const NatuweGridView(),
            // Banner
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 10.0),
              child: Container(
                width: double.infinity,
                height: 60,
                decoration: BoxDecoration(
                  //color: Colors.blue,
                  borderRadius: BorderRadius.circular(10),
                ),
                child: const CachedNetworkImageLoader(
                  imageUrl:
                      "https://www.glassesin.com/image/home/best-sellers.webp",
                ),
              ),
            ),
            const SizedBox(
              height: 10,
            ),
            const BestSellersView(),
            const SizedBox(
              height: 15,
            ),
            const MidSwiperView(),
            const SizedBox(
              height: 10,
            ),
            const NatuweArTryonView(),
            const SizedBox(
              height: 10,
            ),
            const ImageGridView(),
            const SizedBox(
              height: 10,
            ),
            // Banner
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 10.0),
              child: Container(
                width: double.infinity,
                height: 150,
                decoration: BoxDecoration(
                  //color: Colors.blue,
                  borderRadius: BorderRadius.circular(10),
                ),
                child: const CachedNetworkImageLoader(
                  imageUrl:
                      "https://www.glassesin.com/image/home/natuwe&co.png",
                ),
              ),
            ),
            const SizedBox(
              height: 10,
            ),
            const WallView(),
            const SizedBox(
              height: 10,
            ),
            const BottomInfoView(),
            const SizedBox(
              height: 30,
            )
          ],
        ),
      ),
    );
  }
}
